$(function () {
    var page = 1;
    var pageSize = 2;

    //调接口,发送ajax请求,获得数据,渲染页面
    //将获取数据并渲染封装成函数,以便需要时调用
    function render() {
        $.ajax({
            url: '/user/queryUser',
            type: 'get',
            data: {
                'page': page,
                'pageSize': pageSize

            },
            success: function (backData) {
                //取得数据后调用模板渲染数据
                var result = template('userTable', backData);
                //渲染数据
                $('.right .table tbody').html(result);
                //页码需要在获得数据后显示,所以放在ajax请求的里面
                $('#pagenator').bootstrapPaginator({
                    bootstrapMajorVersion: 3, //指定分页插件版本,如果是版本3,必须指定
                    currentPage: page, //当前页
                    totalPages: Math.ceil(backData.total / pageSize), //总页数
                    size: 'small', //设置控件大小
                    onPageClicked: function (a, b, c, index) {
                        page = index;
                        render();
                    }


                })


            }
        })


    }



    //首次调用
    render();
    //调用ajax,更新用户状态
    function updateUser(id,isDelete) {
        $.ajax({
            url: '/user/updateUser',
            type: 'post',
            data: {
                'id': id,
                'isDelete': isDelete
            },
            success: function (backData) {
                // console.log(backData);
                //更新后调用render函数渲染页面
                render();


            }

        })
    }
    //给按钮添加注册点击事件,注意是动态生成的按钮,需要动态绑定事件
    $('tbody').on('click', 'button', function () {
        var id=$(this).data('id');
        //当前按钮的状态为禁用,点击后就变为启用
        if ($('tbody button').hasClass('btn-danger')) {
            //修改isDelete为0
       
            //调用函数修改用户状态
            updateUser(id,0);


        }
         //当前按钮的状态为启用,点击后就变为禁用
         if ($('tbody button').hasClass('btn-success')) {
            //修改isDelete为0
         
            //调用函数修改用户状态
            updateUser(id,1);


        }

    })

})
